@import './../../../../assets/css/CommonStyle.scss';
.cardContainer {
  margin-left: p-w(40);
  padding: p-w(18) p-w(16);
  width: p-w(280);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  &:first-child {
    margin-left: 0px;
  }
  .headerContent {
    display: flex;
    justify-content: space-between;
    .titMsg {
      margin-top: 14px;
      .title {
        display: flex;
        justify-content: flex-start;
        color: #429cff;
        font-size: p-w(14);
        margin-bottom: p-h(10);
      }
      .discription {
        // @include nowrap-elips;
        width: p-w(124);
        font-size: p-w(12);
        color: rgba(51, 51, 51, 0.5);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; // 显示几行
        overflow: hidden;
      }
    }
    .imgIcon {
      width: p-w(100);
      height: p-w(100);
      background-color: white;
    }
  }
  .QRContainer {
    display: flex;
    margin-left: p-w(60);
    margin-top: p-h(28);
    align-items: flex-end;
    color: rgba(0, 0, 0, 0.5);
    position: relative;
    .scan_code_img {
      text-align: center;
      background-color: #dadada;
      width: p-w(120);
      height: p-w(120);
    }
    .hideQRCode {
      position: absolute;
      font-size: #7f7f7f;
      left: 135px;
    }
  }
}
@include media('>phone', '<=tablet') {
  .cardContainer {
    width: pad-w(260);
    .headerContent {
      .titMsg {
        .discription {
          width: pad-w(120);
        }
        .title,
        .discription {
          font-size: pad-w(14);
        }
      }
      .imgIcon {
        width: pad-w(100);
        height: pad-w(100);
        background-color: white;
      }
    }
    .QRContainer {
      display: flex;
      margin-left: pad-w(60);
      margin-top: pad-w(18);
      align-items: flex-end;
      color: rgba(0, 0, 0, 0.5);
      .scan_code_img {
        background-color: #dadada;
        width: padw(120);
        height: pad-w(120);
      }
    }
  }
}
